<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时器-间歇函数</title>
</head>
<body>
<h3>定时器-间歇函数</h3>
<p>
    目标：能够使用定时器函数重复执行代码 <br>
    定时器函数可以开启和关闭定时器
</p>
<hr>

<h4>1. 开启定时器</h4>
<p>
    setInterval(函数名, 间隔时间) <br>
    作用：每隔一段时间调用这个函数 <br>
    间隔时间单位是毫
</p>
<hr>

<h4>2. 关闭定时器</h4>
<p>
    let 变量名 = setInterval(函数名, 间隔时间) <br>
    clearInterval(变量名)
</p>
<hr>

<p>
    注意： <br>
    1. 函数名字不需要加括号 <br>
    2. 定时器返回的是一个id数字 <br>
    这个id数字,相当于定时器的编号,因为一个网页里可以存在多个定时器 <br>
    得到定时器的编号, 才能关闭定时器
</p>
<div>
    <a href="https://www.bilibili.com/video/BV1Y84y1L7Nn/?p=91&vd_source=cb928a955f1123af004a2e3158113ea7">
        定时器 视频教程
    </a>
</div>

<script>
    function 间隔执行() {
        console.log('一秒执行一次')
    }

    // 开启定时器  setInterval(函数名, 间隔时间)
    setInterval(间隔执行, 1000) // 时间单位是毫秒 1秒=1000毫秒
    // 但是注意: 不关闭的话,会无限循环的

    function 间隔执行2() {
        console.log('间隔执行2, 一秒执行一次')
    }

    // 得到定时器的 id号
    let 定时器_编号 = setInterval(间隔执行2, 1000) // 定时器_编号 可能会改变所以不要用常量定义
    // 关闭定时器
    clearInterval(定时器_编号) // 这里我们是直接关闭了定时器, 所以实际定时器没有运行
    console.log(定时器_编号) // 输出的是一个数字

</script>

</body>
</html>